<template>
  <div class="match-status">
    <a-tag :color="colors[status]">
      {{ tags[status] }}
    </a-tag>
  </div>
</template>

<script setup>
/**
 * --------------------------------------------------------------------
 * Component
 * ----------------------------------------------------------------------
 * Description 未经许可不能去掉去掉boli相关版权信息
 * ----------------------------------------------------------------------
 * Author: Eric E-mail: <huaboli1314@163.com>
 * ----------------------------------------------------------------------
 */

defineProps({
  status: {
    type: Number,
    required: true,
  },
})

const colors = ['error', 'orange', 'success', 'default']
const tags = ['待匹配', '匹配中', '已匹配', '已完成']
</script>

<style lang="less" scoped>
  .match-status {
  display: flex;
  justify-content: center;
  width: 100%;
}
</style>
